/*
 * @Author: your name
 * @Date: 2021-12-12 22:06:25
 * @LastEditTime: 2022-05-25 16:48:41
 * @LastEditors: lyztroy lyztroy@bupt.edu.cn
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AEp
 * @FilePath: /visualNotes/src/modules/ToolsList/index.tsx
 */
import React from "react";

import { Button } from "antd";
import { CommonHeader } from "@/components/Layout/Header";
import style from "./index.module.less";
const TutorialItem = () => {
  const list = [
    {
      title:"工具箱使用教程",
      turtorialtext:"教程",
    },
    {
      title:"SysML有关知识",
      turtorialtext:"教程",
    },
    {
      title:"系统思维与应用",
      turtorialtext:"教程",
    }
  ];
  return (
    <div className={style.container}>
      <CommonHeader />
      <div>
        <div className={style.title}>工具使用教程</div>
        <div className={style.tpbutton}>
            <br />
            <Button
            
            >
                <span className={style.buttonWord}>制作初衷</span>
            </Button>
            <br />
            <Button
            
            >
                <span className={style.buttonWord}>工具教程</span>
            </Button>
            <br />
            <Button
            
            >
                <span className={style.buttonWord}>SysML简介</span>
            </Button>
            <br />
            <Button
            
            >
                <span className={style.buttonWord}>系统思维</span>
            </Button>
        </div>
        <div className={style.Ttext}>

        </div>
      </div>
    </div>
  );
};
export default TutorialItem;